@charset "utf-8";
html{
	overflow-y:scroll;
}
#content-left{
	float:left;
	width:300px;
	zoom:1;
}
#content-right{
	margin-left:301px;
}
#ref-data-wrap{
	padding:20px;
}
#ref-data{
	background-color: #eee;
	border:1px solid #333;
	box-shadow        :0 0 1px #eee;
	-moz-box-shadow   :0 0 1px #eee;
	-webkit-box-shadow:0 0 1px #eee;
	font-size:14px;
}

#ref-data div.items{
	margin:10px 10px 20px;
}

#ref-data div.items h3.category{
	color:#333;
	font-size:22px;
	/*font-weight:normal;*/
	line-height:1.5em;
	margin:0 0 10px;
	padding:0;
}


#ref-data div.pattern-wrap{
	background-color:#555;
	border:1px solid #fff;
	box-shadow        :0 0 3px #1a1a1a;
	-moz-box-shadow   :0 0 3px #1a1a1a;
	-webkit-box-shadow:0 0 3px #1a1a1a;
}

#ref-data div.pattern-wrap h4.pattern{
	background-color:#4c4c4c;
	border:1px solid #333;
	color:#fff;
	font-family:"Courier New",Meiryo,"メイリオ";
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:3px 15px;
	text-shadow:0 0 3px #000;
	box-shadow        :0 0 5px #1a1a1a inset;
	-moz-box-shadow   :0 0 5px #1a1a1a inset;
	-webkit-box-shadow:0 0 5px #1a1a1a inset;
}
#ref-data div.pattern-wrap h4.pattern,
#ref-data div.pattern-wrap h4.pattern span.attention{
	line-height:1.2em;
}
#ref-data div.pattern-wrap h4.pattern span.attention{
	color:#f00;
}


#ref-data p.title{
	border-bottom:1px dotted #999;
	font-size:14px;
	margin:10px;
}
#ref-data div.desc{
	margin:0 10px 10px;
}
#ref-data div.desc ul{
	margin:0 0 0 1.6em;
}
#ref-data div.desc code{
	color:#008000;
	padding:0 3px;
}
#ref-data div.footer{
	color     :#666;
	font-size :13px;
	margin    :0 10px 20px;
	text-align:right;
}
#ref-data div.footer p.published,
#ref-data div.footer p.last-update{	
	font-size:11px;
	/*font-style:italic;*/
}


/* ref-data-selecto */
#ref-data-selector{
	padding:15px 0 15px 15px;
}
#ref-data-selector table{
	border-collapse:separate;
	border-spacing:5px;
	table-layout:fixed;
	width:100%;
}
#ref-data-selector td{
	border:1px solid #333;
	box-shadow        :0 0 1px #ccc;
	-moz-box-shadow   :0 0 1px #ccc;
	-webkit-box-shadow:0 0 1px #ccc;
}

#ref-data-selector div.selector,
#ref-data-selector div.selector span.en,
#ref-data-selector div.selector span.ja{
	line-height:1.5em;
}
#ref-data-selector div.selector{
	background-color:#333;
	background-image:-moz-linear-gradient(center top,#555, #333);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
	background-image:linear-gradient(center top,#555, #333);
	color:#eee;
	cursor:pointer;
	font-size:14px;
	line-height:1.5em;
	padding:0 8px;
	
	/*
	box-shadow        :0 1px 1px #999 inset;
	-moz-box-shadow   :0 1px 1px #999 inset;
	-webkit-box-shadow:0 1px 1px #999 inset;*/
}
#ref-data-selector div.selector.current{
	background-color:#aaa;
	background-image:-moz-linear-gradient(center top,#eee,#666);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#666));
	background-image:linear-gradient(center top,#eee,#666);
	color:#333;
	font-weight:bold;
}

#ref-data-selector div.selector:hover{
	background-color:#4c4c4c;
	background-image:-moz-linear-gradient(center top,#777, #4c4c4c);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#777),to(#4c4c4c));
	background-image:linear-gradient(center top,#777, #4c4c4c);
	color:#fff;
}
#ref-data-selector div.selector.current:hover{
	background-color:#aaa;
	background-image:-moz-linear-gradient(center top,#eee,#666);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#666));
	background-image:linear-gradient(center top,#eee,#666);
	color:#333;
	cursor:auto;
}

#ref-data-selector div.selector span.ja,
#ref-data div.items h3.category span.ja,
#ref-data p.title,
#ref-data div.desc{
	font-family:Meiryo,'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3';
}

#ref-data-selector div.selector span.en,
#ref-data div.items h3.category span.en{
	font-style:italic;
}


#ref-data div.items div.item div.footer p.edit a{
	padding:0 5px;
}
#ref-data div.items div.item div.footer p.edit a:hover{
	text-shadow:1px 1px 1px #999;
}

#create-link-table{
	margin-top:10px;
}
#create-link-table a{
	display:block;
	padding:0 10px;
	background-color:#999;
}
#create-link-table a:hover{
	background-color:#ccc;
}